﻿<!DOCTYPE html>
<html>
  <head>
    <title>下拉菜单 Dropdown</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____dropdown/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____dropdown/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u2581" class="ax_default _默认样式">
        <div id="u2581_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2582" class="ax_default _默认样式">
        <div id="u2582_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2583" class="ax_default _默认样式">
        <div id="u2583_div" class=""></div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u2585" class="ax_default" data-label="背景">
        <div id="u2585_state0" class="panel_state" data-label="State1" style="">
          <div id="u2585_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u2586" class="ax_default" data-label="线条">
        <div id="u2586_state0" class="panel_state" data-label="State1" style="">
          <div id="u2586_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2587" class="ax_default _默认样式">
        <div id="u2587_div" class=""></div>
        <div id="u2587_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2588" class="ax_default _默认样式">
        <div id="u2588_div" class=""></div>
        <div id="u2588_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u2590" class="ax_default _默认样式">
        <img id="u2590_img" class="img " src="images/___icons/u605.png"/>
        <div id="u2590_text" class="text ">
          <p><span>Copyright © </span><a id="u2591" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2592" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u2593" class="ax_default _默认样式">
          <div id="u2593_div" class=""></div>
          <div id="u2593_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。关于下拉菜单的使用及交互规范，建议查看文章：</span><a id="u2594" class="link"><span style="font-family:'微软雅黑';font-weight:400;">从四个方面帮你设计出优雅的选择菜单</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2595" class="ax_default _默认样式">
          <div id="u2595_div" class=""></div>
          <div id="u2595_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2596" class="ax_default _默认样式">
        <div id="u2596_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2597" class="ax_default _默认样式">
        <div id="u2597_div" class=""></div>
        <div id="u2597_text" class="text ">
          <p><span>常用下拉菜单</span></p>
        </div>
      </div>

      <!-- 常用下拉菜单 (Dynamic Panel) -->
      <div id="u2598" class="ax_default" data-label="常用下拉菜单">
        <div id="u2598_state0" class="panel_state" data-label="State1" style="">
          <div id="u2598_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2599" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2599_state0" class="panel_state" data-label="State1" style="">
                <div id="u2599_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2600" class="ax_default _默认样式">
                    <div id="u2600_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2601" class="ax_default _默认样式">
                    <div id="u2601_div" class=""></div>
                    <div id="u2601_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2602" class="ax_default _默认样式">
                    <div id="u2602_div" class=""></div>
                    <div id="u2602_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2603" class="ax_default _默认样式">
                    <div id="u2603_div" class=""></div>
                    <div id="u2603_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2604" class="ax_default _默认样式">
                    <div id="u2604_div" class=""></div>
                    <div id="u2604_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2605" class="ax_default _默认样式">
                    <div id="u2605_div" class=""></div>
                    <div id="u2605_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2606" class="ax_default _默认样式">
              <div id="u2606_div" class=""></div>
              <div id="u2606_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';">下拉菜单 </span><span style="font-family:'FontAwesome';font-size:18px;"></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 常用下拉菜单 (Dynamic Panel) -->
      <div id="u2607" class="ax_default" data-label="常用下拉菜单">
        <div id="u2607_state0" class="panel_state" data-label="State1" style="">
          <div id="u2607_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2608" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2608_state0" class="panel_state" data-label="State1" style="">
                <div id="u2608_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2609" class="ax_default _默认样式">
                    <div id="u2609_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2610" class="ax_default _默认样式">
                    <div id="u2610_div" class=""></div>
                    <div id="u2610_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2611" class="ax_default _默认样式">
                    <div id="u2611_div" class=""></div>
                    <div id="u2611_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2612" class="ax_default _默认样式">
                    <div id="u2612_div" class=""></div>
                    <div id="u2612_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2613" class="ax_default _默认样式">
                    <div id="u2613_div" class=""></div>
                    <div id="u2613_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2614" class="ax_default _默认样式">
                    <div id="u2614_div" class=""></div>
                    <div id="u2614_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2615" class="ax_default _默认样式">
              <div id="u2615_div" class=""></div>
              <div id="u2615_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';">下拉菜单 </span><span style="font-family:'FontAwesome';font-size:18px;"></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 常用下拉菜单 (Dynamic Panel) -->
      <div id="u2616" class="ax_default" data-label="常用下拉菜单">
        <div id="u2616_state0" class="panel_state" data-label="State1" style="">
          <div id="u2616_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2617" class="ax_default _默认样式">
              <div id="u2617_div" class=""></div>
              <div id="u2617_text" class="text ">
                <p style="font-size:18px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">下拉菜单 </span><span style="font-family:'FontAwesome';"></span></p>
              </div>
            </div>

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2618" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2618_state0" class="panel_state" data-label="State1" style="">
                <div id="u2618_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2619" class="ax_default _默认样式">
                    <div id="u2619_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2620" class="ax_default _默认样式">
                    <div id="u2620_div" class=""></div>
                    <div id="u2620_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2621" class="ax_default _默认样式">
                    <div id="u2621_div" class=""></div>
                    <div id="u2621_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2622" class="ax_default _默认样式">
                    <div id="u2622_div" class=""></div>
                    <div id="u2622_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2623" class="ax_default _默认样式">
                    <div id="u2623_div" class=""></div>
                    <div id="u2623_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2624" class="ax_default _默认样式">
                    <div id="u2624_div" class=""></div>
                    <div id="u2624_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 常用下拉菜单 (Dynamic Panel) -->
      <div id="u2625" class="ax_default" data-label="常用下拉菜单">
        <div id="u2625_state0" class="panel_state" data-label="State1" style="">
          <div id="u2625_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2626" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2626_state0" class="panel_state" data-label="State1" style="">
                <div id="u2626_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2627" class="ax_default _默认样式">
                    <div id="u2627_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2628" class="ax_default _默认样式">
                    <div id="u2628_div" class=""></div>
                    <div id="u2628_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2629" class="ax_default _默认样式">
                    <div id="u2629_div" class=""></div>
                    <div id="u2629_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2630" class="ax_default _默认样式">
                    <div id="u2630_div" class=""></div>
                    <div id="u2630_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2631" class="ax_default _默认样式">
                    <div id="u2631_div" class=""></div>
                    <div id="u2631_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2632" class="ax_default _默认样式">
                    <div id="u2632_div" class=""></div>
                    <div id="u2632_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2633" class="ax_default _默认样式">
              <div id="u2633_div" class=""></div>
              <div id="u2633_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';">下拉菜单 </span><span style="font-family:'FontAwesome';font-size:18px;"></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 常用下拉菜单 (Dynamic Panel) -->
      <div id="u2634" class="ax_default" data-label="常用下拉菜单">
        <div id="u2634_state0" class="panel_state" data-label="State1" style="">
          <div id="u2634_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2635" class="ax_default _默认样式">
              <div id="u2635_div" class=""></div>
              <div id="u2635_text" class="text ">
                <p style="font-size:18px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-size:14px;">下拉菜单 </span><span style="font-family:'FontAwesome';"></span></p>
              </div>
            </div>

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2636" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2636_state0" class="panel_state" data-label="State1" style="">
                <div id="u2636_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2637" class="ax_default _默认样式">
                    <div id="u2637_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2638" class="ax_default _默认样式">
                    <div id="u2638_div" class=""></div>
                    <div id="u2638_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2639" class="ax_default _默认样式">
                    <div id="u2639_div" class=""></div>
                    <div id="u2639_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2640" class="ax_default _默认样式">
                    <div id="u2640_div" class=""></div>
                    <div id="u2640_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2641" class="ax_default _默认样式">
                    <div id="u2641_div" class=""></div>
                    <div id="u2641_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2642" class="ax_default _默认样式">
                    <div id="u2642_div" class=""></div>
                    <div id="u2642_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2643" class="ax_default _默认样式">
        <div id="u2643_div" class=""></div>
        <div id="u2643_text" class="text ">
          <p><span>点击触发菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2644" class="ax_default _默认样式">
        <div id="u2644_div" class=""></div>
        <div id="u2644_text" class="text ">
          <p><span>分裂式下拉菜单</span></p>
        </div>
      </div>

      <!-- 常用下拉菜单 (Dynamic Panel) -->
      <div id="u2645" class="ax_default" data-label="常用下拉菜单">
        <div id="u2645_state0" class="panel_state" data-label="State1" style="">
          <div id="u2645_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2646" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2646_state0" class="panel_state" data-label="State1" style="">
                <div id="u2646_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2647" class="ax_default _默认样式">
                    <div id="u2647_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2648" class="ax_default _默认样式">
                    <div id="u2648_div" class=""></div>
                    <div id="u2648_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2649" class="ax_default _默认样式">
                    <div id="u2649_div" class=""></div>
                    <div id="u2649_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2650" class="ax_default _默认样式">
                    <div id="u2650_div" class=""></div>
                    <div id="u2650_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2651" class="ax_default _默认样式">
                    <div id="u2651_div" class=""></div>
                    <div id="u2651_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2652" class="ax_default _默认样式">
                    <div id="u2652_div" class=""></div>
                    <div id="u2652_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2653" class="ax_default _默认样式">
              <div id="u2653_div" class=""></div>
              <div id="u2653_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';">下拉菜单 </span><span style="font-family:'FontAwesome';font-size:18px;"></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分裂式下拉菜单 (Dynamic Panel) -->
      <div id="u2654" class="ax_default" data-label="分裂式下拉菜单">
        <div id="u2654_state0" class="panel_state" data-label="State1" style="">
          <div id="u2654_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2655" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2655_state0" class="panel_state" data-label="State1" style="">
                <div id="u2655_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2656" class="ax_default _默认样式">
                    <div id="u2656_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2657" class="ax_default _默认样式">
                    <div id="u2657_div" class=""></div>
                    <div id="u2657_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2658" class="ax_default _默认样式">
                    <div id="u2658_div" class=""></div>
                    <div id="u2658_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2659" class="ax_default _默认样式">
                    <div id="u2659_div" class=""></div>
                    <div id="u2659_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2660" class="ax_default _默认样式">
                    <div id="u2660_div" class=""></div>
                    <div id="u2660_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2661" class="ax_default _默认样式">
                    <div id="u2661_div" class=""></div>
                    <div id="u2661_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2662" class="ax_default _默认样式">
              <div id="u2662_div" class=""></div>
              <div id="u2662_text" class="text ">
                <p><span>下拉菜单</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2663" class="ax_default _默认样式">
              <div id="u2663_div" class=""></div>
              <div id="u2663_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分裂式下拉菜单 (Dynamic Panel) -->
      <div id="u2664" class="ax_default" data-label="分裂式下拉菜单">
        <div id="u2664_state0" class="panel_state" data-label="State1" style="">
          <div id="u2664_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2665" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2665_state0" class="panel_state" data-label="State1" style="">
                <div id="u2665_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2666" class="ax_default _默认样式">
                    <div id="u2666_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2667" class="ax_default _默认样式">
                    <div id="u2667_div" class=""></div>
                    <div id="u2667_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2668" class="ax_default _默认样式">
                    <div id="u2668_div" class=""></div>
                    <div id="u2668_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2669" class="ax_default _默认样式">
                    <div id="u2669_div" class=""></div>
                    <div id="u2669_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2670" class="ax_default _默认样式">
                    <div id="u2670_div" class=""></div>
                    <div id="u2670_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2671" class="ax_default _默认样式">
                    <div id="u2671_div" class=""></div>
                    <div id="u2671_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2672" class="ax_default _默认样式">
              <div id="u2672_div" class=""></div>
              <div id="u2672_text" class="text ">
                <p><span>下拉菜单</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2673" class="ax_default _默认样式">
              <div id="u2673_div" class=""></div>
              <div id="u2673_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分裂式下拉菜单 (Dynamic Panel) -->
      <div id="u2674" class="ax_default" data-label="分裂式下拉菜单">
        <div id="u2674_state0" class="panel_state" data-label="State1" style="">
          <div id="u2674_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2675" class="ax_default _默认样式">
              <div id="u2675_div" class=""></div>
              <div id="u2675_text" class="text ">
                <p><span>下拉菜单</span></p>
              </div>
            </div>

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2676" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2676_state0" class="panel_state" data-label="State1" style="">
                <div id="u2676_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2677" class="ax_default _默认样式">
                    <div id="u2677_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2678" class="ax_default _默认样式">
                    <div id="u2678_div" class=""></div>
                    <div id="u2678_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2679" class="ax_default _默认样式">
                    <div id="u2679_div" class=""></div>
                    <div id="u2679_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2680" class="ax_default _默认样式">
                    <div id="u2680_div" class=""></div>
                    <div id="u2680_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2681" class="ax_default _默认样式">
                    <div id="u2681_div" class=""></div>
                    <div id="u2681_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2682" class="ax_default _默认样式">
                    <div id="u2682_div" class=""></div>
                    <div id="u2682_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2683" class="ax_default _默认样式">
              <img id="u2683_img" class="img " src="images/_____dropdown/u2683.png"/>
              <div id="u2683_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分裂式下拉菜单 (Dynamic Panel) -->
      <div id="u2684" class="ax_default" data-label="分裂式下拉菜单">
        <div id="u2684_state0" class="panel_state" data-label="State1" style="">
          <div id="u2684_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2685" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2685_state0" class="panel_state" data-label="State1" style="">
                <div id="u2685_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2686" class="ax_default _默认样式">
                    <div id="u2686_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2687" class="ax_default _默认样式">
                    <div id="u2687_div" class=""></div>
                    <div id="u2687_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2688" class="ax_default _默认样式">
                    <div id="u2688_div" class=""></div>
                    <div id="u2688_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2689" class="ax_default _默认样式">
                    <div id="u2689_div" class=""></div>
                    <div id="u2689_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2690" class="ax_default _默认样式">
                    <div id="u2690_div" class=""></div>
                    <div id="u2690_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2691" class="ax_default _默认样式">
                    <div id="u2691_div" class=""></div>
                    <div id="u2691_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2692" class="ax_default _默认样式">
              <div id="u2692_div" class=""></div>
              <div id="u2692_text" class="text ">
                <p><span>下拉菜单</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2693" class="ax_default _默认样式">
              <div id="u2693_div" class=""></div>
              <div id="u2693_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分裂式下拉菜单 (Dynamic Panel) -->
      <div id="u2694" class="ax_default" data-label="分裂式下拉菜单">
        <div id="u2694_state0" class="panel_state" data-label="State1" style="">
          <div id="u2694_state0_content" class="panel_state_content">

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2695" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2695_state0" class="panel_state" data-label="State1" style="">
                <div id="u2695_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2696" class="ax_default _默认样式">
                    <div id="u2696_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2697" class="ax_default _默认样式">
                    <div id="u2697_div" class=""></div>
                    <div id="u2697_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2698" class="ax_default _默认样式">
                    <div id="u2698_div" class=""></div>
                    <div id="u2698_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2699" class="ax_default _默认样式">
                    <div id="u2699_div" class=""></div>
                    <div id="u2699_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2700" class="ax_default _默认样式">
                    <div id="u2700_div" class=""></div>
                    <div id="u2700_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2701" class="ax_default _默认样式">
                    <div id="u2701_div" class=""></div>
                    <div id="u2701_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2702" class="ax_default _默认样式">
              <div id="u2702_div" class=""></div>
              <div id="u2702_text" class="text ">
                <p><span>下拉菜单</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2703" class="ax_default _默认样式">
              <div id="u2703_div" class=""></div>
              <div id="u2703_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 分裂式下拉菜单 (Dynamic Panel) -->
      <div id="u2704" class="ax_default" data-label="分裂式下拉菜单">
        <div id="u2704_state0" class="panel_state" data-label="State1" style="">
          <div id="u2704_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2705" class="ax_default _默认样式">
              <div id="u2705_div" class=""></div>
              <div id="u2705_text" class="text ">
                <p><span>下拉菜单</span></p>
              </div>
            </div>

            <!-- 下拉菜单 (Dynamic Panel) -->
            <div id="u2706" class="ax_default ax_default_hidden" data-label="下拉菜单" style="display:none; visibility: hidden">
              <div id="u2706_state0" class="panel_state" data-label="State1" style="">
                <div id="u2706_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2707" class="ax_default _默认样式">
                    <div id="u2707_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2708" class="ax_default _默认样式">
                    <div id="u2708_div" class=""></div>
                    <div id="u2708_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2709" class="ax_default _默认样式">
                    <div id="u2709_div" class=""></div>
                    <div id="u2709_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2710" class="ax_default _默认样式">
                    <div id="u2710_div" class=""></div>
                    <div id="u2710_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2711" class="ax_default _默认样式">
                    <div id="u2711_div" class=""></div>
                    <div id="u2711_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u2712" class="ax_default _默认样式">
                    <div id="u2712_div" class=""></div>
                    <div id="u2712_text" class="text ">
                      <p><span>菜单名称</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2713" class="ax_default _默认样式">
              <img id="u2713_img" class="img " src="images/_____dropdown/u2683.png"/>
              <div id="u2713_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2714" class="ax_default _默认样式">
        <div id="u2714_div" class=""></div>
        <div id="u2714_text" class="text ">
          <p><span>点击触发菜单</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
